
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">7</td>
		    	<td class="value error-col-3 total ko">87.5 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">1</td>
		    	<td class="value error-col-3 total ko">12.5 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['300', '900', '1500', '2100', '2700', '3300', '3900', '4500', '5100', '5700', '6300', '6900', '7500', '8100', '8700', '9300', '9900', '10500', '11100', '11700', '12300', '12900', '13500', '14100', '14700', '15300', '15900', '16500', '17100', '17700', '18300', '18900', '19500', '20100', '20700', '21300', '21900', '22500', '23100', '23700', '24300', '24900', '25500', '26100', '26700', '27300', '27900', '28500', '29100', '29700', '30300', '30900', '31500', '32100', '32700', '33300', '33900', '34500', '35100', '35700', '36300', '36900', '37500', '38100', '38700', '39300', '39900', '40500', '41100', '41700', '42300', '42900', '43500', '44100', '44700', '45300', '45900', '46500', '47100', '47700', '48300', '48900', '49500', '50100', '50700', '51300', '51900', '52500', '53100', '53700', '54300', '54900', '55500', '56100', '56700', '57300', '57900', '58500', '59100', '59700'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  20.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  70.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,10.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692812501,null],[1692812502,null],[1692812503,null],[1692812504,null],[1692812505,null],[1692812506,null],[1692812507,null],[1692812508,null],[1692812509,null],[1692812510,null],[1692812511,null],[1692812512,null],[1692812513,null],[1692812514,null],[1692812515,[165,165,165,165,165,165,165,165,165,165]],[1692812516,null],[1692812517,null],[1692812518,null],[1692812519,null],[1692812520,null],[1692812521,null],[1692812522,null],[1692812523,null],[1692812524,null],[1692812525,null],[1692812526,null],[1692812527,null],[1692812528,null],[1692812529,null],[1692812530,null],[1692812531,null],[1692812532,null],[1692812533,null],[1692812534,null],[1692812535,null],[1692812536,null],[1692812537,null],[1692812538,null],[1692812539,null],[1692812540,null],[1692812541,null],[1692812542,null],[1692812543,null],[1692812544,null],[1692812545,null],[1692812546,null],[1692812547,null],[1692812548,null],[1692812549,null],[1692812550,null],[1692812551,null],[1692812552,null],[1692812553,null],[1692812554,null],[1692812555,null],[1692812556,null],[1692812557,null],[1692812558,null],[1692812559,null],[1692812560,null],[1692812561,null],[1692812562,null],[1692812563,null],[1692812564,null],[1692812565,null],[1692812566,null],[1692812567,null],[1692812568,null],[1692812569,null],[1692812570,null],[1692812571,null],[1692812572,null],[1692812573,null],[1692812574,[179,179,179,179,179,179,179,179,179,179]],[1692812575,null],[1692812576,null],[1692812577,null],[1692812578,null],[1692812579,null],[1692812580,null],[1692812581,null],[1692812582,null],[1692812583,null],[1692812584,null],[1692812585,null],[1692812586,null],[1692812587,null],[1692812588,null],[1692812589,null],[1692812590,null],[1692812591,null],[1692812592,null],[1692812593,null],[1692812594,null],[1692812595,null],[1692812596,null],[1692812597,null],[1692812598,null],[1692812599,null],[1692812600,null],[1692812601,null],[1692812602,null],[1692812603,null],[1692812604,null],[1692812605,null],[1692812606,null],[1692812607,null],[1692812608,null],[1692812609,null],[1692812610,null],[1692812611,null],[1692812612,null],[1692812613,null],[1692812614,null],[1692812615,null],[1692812616,null],[1692812617,null],[1692812618,null],[1692812619,null],[1692812620,null],[1692812621,null],[1692812622,null],[1692812623,null],[1692812624,null],[1692812625,null],[1692812626,null],[1692812627,null],[1692812628,null],[1692812629,null],[1692812630,null],[1692812631,null],[1692812632,null],[1692812633,null],[1692812634,null],[1692812635,null],[1692812636,null],[1692812637,null],[1692812638,null],[1692812639,null],[1692812640,null],[1692812641,null],[1692812642,null],[1692812643,null],[1692812644,null],[1692812645,null],[1692812646,null],[1692812647,null],[1692812648,null],[1692812649,null],[1692812650,null],[1692812651,null],[1692812652,null],[1692812653,null],[1692812654,null],[1692812655,null],[1692812656,null],[1692812657,null],[1692812658,null],[1692812659,null],[1692812660,null],[1692812661,null],[1692812662,null],[1692812663,null],[1692812664,null],[1692812665,null],[1692812666,null],[1692812667,null],[1692812668,null],[1692812669,null],[1692812670,null],[1692812671,null],[1692812672,null],[1692812673,null],[1692812674,null],[1692812675,null],[1692812676,null],[1692812677,null],[1692812678,null],[1692812679,null],[1692812680,null],[1692812681,null],[1692812682,null],[1692812683,null],[1692812684,null],[1692812685,null],[1692812686,null],[1692812687,null],[1692812688,null],[1692812689,null],[1692812690,null],[1692812691,null],[1692812692,null],[1692812693,null],[1692812694,null],[1692812695,null],[1692812696,null],[1692812697,null],[1692812698,null],[1692812699,null],[1692812700,null],[1692812701,null],[1692812702,null],[1692812703,null],[1692812704,null],[1692812705,null],[1692812706,null],[1692812707,null],[1692812708,null],[1692812709,null],[1692812710,null],[1692812711,null],[1692812712,null],[1692812713,null],[1692812714,null],[1692812715,null],[1692812716,null],[1692812717,null],[1692812718,null],[1692812719,null],[1692812720,null],[1692812721,null],[1692812722,null],[1692812723,null],[1692812724,null],[1692812725,null],[1692812726,null],[1692812727,null],[1692812728,null],[1692812729,null],[1692812730,null],[1692812731,null],[1692812732,null],[1692812733,null],[1692812734,null],[1692812735,null],[1692812736,null],[1692812737,null],[1692812738,null],[1692812739,null],[1692812740,null],[1692812741,null],[1692812742,null],[1692812743,null],[1692812744,null],[1692812745,null],[1692812746,null],[1692812747,null],[1692812748,null],[1692812749,null],[1692812750,null],[1692812751,null],[1692812752,null],[1692812753,null],[1692812754,null],[1692812755,null],[1692812756,null],[1692812757,null],[1692812758,null],[1692812759,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692812501,[0,0,0]],[1692812502,[0,0,0]],[1692812503,[0,0,0]],[1692812504,[0,0,0]],[1692812505,[0,0,0]],[1692812506,[0,0,0]],[1692812507,[0,0,0]],[1692812508,[0,0,0]],[1692812509,[0,0,0]],[1692812510,[0,0,0]],[1692812511,[0,0,0]],[1692812512,[0,0,0]],[1692812513,[0,0,0]],[1692812514,[0,0,0]],[1692812515,[1,1,0]],[1692812516,[0,0,0]],[1692812517,[0,0,0]],[1692812518,[0,0,0]],[1692812519,[0,0,0]],[1692812520,[0,0,0]],[1692812521,[0,0,0]],[1692812522,[0,0,0]],[1692812523,[0,0,0]],[1692812524,[0,0,0]],[1692812525,[0,0,0]],[1692812526,[0,0,0]],[1692812527,[0,0,0]],[1692812528,[0,0,0]],[1692812529,[0,0,0]],[1692812530,[0,0,0]],[1692812531,[0,0,0]],[1692812532,[0,0,0]],[1692812533,[0,0,0]],[1692812534,[0,0,0]],[1692812535,[0,0,0]],[1692812536,[0,0,0]],[1692812537,[0,0,0]],[1692812538,[0,0,0]],[1692812539,[0,0,0]],[1692812540,[0,0,0]],[1692812541,[0,0,0]],[1692812542,[0,0,0]],[1692812543,[0,0,0]],[1692812544,[0,0,0]],[1692812545,[0,0,0]],[1692812546,[0,0,0]],[1692812547,[1,0,1]],[1692812548,[0,0,0]],[1692812549,[0,0,0]],[1692812550,[0,0,0]],[1692812551,[0,0,0]],[1692812552,[0,0,0]],[1692812553,[0,0,0]],[1692812554,[0,0,0]],[1692812555,[0,0,0]],[1692812556,[0,0,0]],[1692812557,[0,0,0]],[1692812558,[0,0,0]],[1692812559,[0,0,0]],[1692812560,[0,0,0]],[1692812561,[0,0,0]],[1692812562,[0,0,0]],[1692812563,[0,0,0]],[1692812564,[0,0,0]],[1692812565,[0,0,0]],[1692812566,[0,0,0]],[1692812567,[0,0,0]],[1692812568,[0,0,0]],[1692812569,[0,0,0]],[1692812570,[0,0,0]],[1692812571,[0,0,0]],[1692812572,[0,0,0]],[1692812573,[0,0,0]],[1692812574,[1,1,0]],[1692812575,[0,0,0]],[1692812576,[0,0,0]],[1692812577,[0,0,0]],[1692812578,[1,0,1]],[1692812579,[0,0,0]],[1692812580,[0,0,0]],[1692812581,[0,0,0]],[1692812582,[0,0,0]],[1692812583,[0,0,0]],[1692812584,[0,0,0]],[1692812585,[0,0,0]],[1692812586,[0,0,0]],[1692812587,[0,0,0]],[1692812588,[0,0,0]],[1692812589,[0,0,0]],[1692812590,[0,0,0]],[1692812591,[0,0,0]],[1692812592,[1,0,1]],[1692812593,[0,0,0]],[1692812594,[0,0,0]],[1692812595,[1,0,1]],[1692812596,[0,0,0]],[1692812597,[0,0,0]],[1692812598,[0,0,0]],[1692812599,[0,0,0]],[1692812600,[0,0,0]],[1692812601,[0,0,0]],[1692812602,[0,0,0]],[1692812603,[0,0,0]],[1692812604,[0,0,0]],[1692812605,[0,0,0]],[1692812606,[0,0,0]],[1692812607,[0,0,0]],[1692812608,[0,0,0]],[1692812609,[1,0,1]],[1692812610,[0,0,0]],[1692812611,[0,0,0]],[1692812612,[0,0,0]],[1692812613,[0,0,0]],[1692812614,[0,0,0]],[1692812615,[0,0,0]],[1692812616,[0,0,0]],[1692812617,[0,0,0]],[1692812618,[0,0,0]],[1692812619,[0,0,0]],[1692812620,[0,0,0]],[1692812621,[0,0,0]],[1692812622,[0,0,0]],[1692812623,[0,0,0]],[1692812624,[0,0,0]],[1692812625,[0,0,0]],[1692812626,[1,0,1]],[1692812627,[0,0,0]],[1692812628,[0,0,0]],[1692812629,[0,0,0]],[1692812630,[0,0,0]],[1692812631,[0,0,0]],[1692812632,[0,0,0]],[1692812633,[0,0,0]],[1692812634,[0,0,0]],[1692812635,[0,0,0]],[1692812636,[0,0,0]],[1692812637,[0,0,0]],[1692812638,[0,0,0]],[1692812639,[0,0,0]],[1692812640,[0,0,0]],[1692812641,[0,0,0]],[1692812642,[0,0,0]],[1692812643,[0,0,0]],[1692812644,[0,0,0]],[1692812645,[0,0,0]],[1692812646,[0,0,0]],[1692812647,[0,0,0]],[1692812648,[0,0,0]],[1692812649,[0,0,0]],[1692812650,[0,0,0]],[1692812651,[0,0,0]],[1692812652,[0,0,0]],[1692812653,[0,0,0]],[1692812654,[0,0,0]],[1692812655,[0,0,0]],[1692812656,[0,0,0]],[1692812657,[0,0,0]],[1692812658,[0,0,0]],[1692812659,[0,0,0]],[1692812660,[1,0,1]],[1692812661,[0,0,0]],[1692812662,[1,0,1]],[1692812663,[0,0,0]],[1692812664,[0,0,0]],[1692812665,[0,0,0]],[1692812666,[0,0,0]],[1692812667,[0,0,0]],[1692812668,[0,0,0]],[1692812669,[0,0,0]],[1692812670,[0,0,0]],[1692812671,[0,0,0]],[1692812672,[0,0,0]],[1692812673,[0,0,0]],[1692812674,[0,0,0]],[1692812675,[0,0,0]],[1692812676,[0,0,0]],[1692812677,[0,0,0]],[1692812678,[0,0,0]],[1692812679,[0,0,0]],[1692812680,[0,0,0]],[1692812681,[0,0,0]],[1692812682,[0,0,0]],[1692812683,[0,0,0]],[1692812684,[0,0,0]],[1692812685,[0,0,0]],[1692812686,[0,0,0]],[1692812687,[0,0,0]],[1692812688,[0,0,0]],[1692812689,[0,0,0]],[1692812690,[0,0,0]],[1692812691,[0,0,0]],[1692812692,[0,0,0]],[1692812693,[0,0,0]],[1692812694,[0,0,0]],[1692812695,[0,0,0]],[1692812696,[0,0,0]],[1692812697,[0,0,0]],[1692812698,[0,0,0]],[1692812699,[0,0,0]],[1692812700,[0,0,0]],[1692812701,[0,0,0]],[1692812702,[0,0,0]],[1692812703,[0,0,0]],[1692812704,[0,0,0]],[1692812705,[0,0,0]],[1692812706,[0,0,0]],[1692812707,[0,0,0]],[1692812708,[0,0,0]],[1692812709,[0,0,0]],[1692812710,[0,0,0]],[1692812711,[0,0,0]],[1692812712,[0,0,0]],[1692812713,[0,0,0]],[1692812714,[0,0,0]],[1692812715,[0,0,0]],[1692812716,[0,0,0]],[1692812717,[0,0,0]],[1692812718,[0,0,0]],[1692812719,[0,0,0]],[1692812720,[0,0,0]],[1692812721,[0,0,0]],[1692812722,[0,0,0]],[1692812723,[0,0,0]],[1692812724,[0,0,0]],[1692812725,[0,0,0]],[1692812726,[0,0,0]],[1692812727,[0,0,0]],[1692812728,[0,0,0]],[1692812729,[0,0,0]],[1692812730,[0,0,0]],[1692812731,[0,0,0]],[1692812732,[0,0,0]],[1692812733,[0,0,0]],[1692812734,[0,0,0]],[1692812735,[0,0,0]],[1692812736,[0,0,0]],[1692812737,[0,0,0]],[1692812738,[0,0,0]],[1692812739,[0,0,0]],[1692812740,[0,0,0]],[1692812741,[0,0,0]],[1692812742,[0,0,0]],[1692812743,[0,0,0]],[1692812744,[0,0,0]],[1692812745,[0,0,0]],[1692812746,[0,0,0]],[1692812747,[0,0,0]],[1692812748,[0,0,0]],[1692812749,[0,0,0]],[1692812750,[0,0,0]],[1692812751,[0,0,0]],[1692812752,[0,0,0]],[1692812753,[0,0,0]],[1692812754,[0,0,0]],[1692812755,[0,0,0]],[1692812756,[0,0,0]],[1692812757,[0,0,0]],[1692812758,[0,0,0]],[1692812759,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692812501,[0,0,0]],[1692812502,[0,0,0]],[1692812503,[0,0,0]],[1692812504,[0,0,0]],[1692812505,[0,0,0]],[1692812506,[0,0,0]],[1692812507,[0,0,0]],[1692812508,[0,0,0]],[1692812509,[0,0,0]],[1692812510,[0,0,0]],[1692812511,[0,0,0]],[1692812512,[0,0,0]],[1692812513,[0,0,0]],[1692812514,[0,0,0]],[1692812515,[0,0,0]],[1692812516,[1,1,0]],[1692812517,[0,0,0]],[1692812518,[0,0,0]],[1692812519,[0,0,0]],[1692812520,[0,0,0]],[1692812521,[0,0,0]],[1692812522,[0,0,0]],[1692812523,[0,0,0]],[1692812524,[0,0,0]],[1692812525,[0,0,0]],[1692812526,[0,0,0]],[1692812527,[0,0,0]],[1692812528,[0,0,0]],[1692812529,[0,0,0]],[1692812530,[0,0,0]],[1692812531,[0,0,0]],[1692812532,[0,0,0]],[1692812533,[0,0,0]],[1692812534,[0,0,0]],[1692812535,[0,0,0]],[1692812536,[0,0,0]],[1692812537,[0,0,0]],[1692812538,[0,0,0]],[1692812539,[0,0,0]],[1692812540,[0,0,0]],[1692812541,[0,0,0]],[1692812542,[0,0,0]],[1692812543,[0,0,0]],[1692812544,[0,0,0]],[1692812545,[0,0,0]],[1692812546,[0,0,0]],[1692812547,[1,0,1]],[1692812548,[0,0,0]],[1692812549,[0,0,0]],[1692812550,[0,0,0]],[1692812551,[0,0,0]],[1692812552,[0,0,0]],[1692812553,[0,0,0]],[1692812554,[0,0,0]],[1692812555,[0,0,0]],[1692812556,[0,0,0]],[1692812557,[0,0,0]],[1692812558,[0,0,0]],[1692812559,[0,0,0]],[1692812560,[0,0,0]],[1692812561,[0,0,0]],[1692812562,[0,0,0]],[1692812563,[0,0,0]],[1692812564,[0,0,0]],[1692812565,[0,0,0]],[1692812566,[0,0,0]],[1692812567,[0,0,0]],[1692812568,[0,0,0]],[1692812569,[0,0,0]],[1692812570,[0,0,0]],[1692812571,[0,0,0]],[1692812572,[0,0,0]],[1692812573,[0,0,0]],[1692812574,[1,1,0]],[1692812575,[0,0,0]],[1692812576,[0,0,0]],[1692812577,[0,0,0]],[1692812578,[1,0,1]],[1692812579,[0,0,0]],[1692812580,[0,0,0]],[1692812581,[0,0,0]],[1692812582,[0,0,0]],[1692812583,[0,0,0]],[1692812584,[0,0,0]],[1692812585,[0,0,0]],[1692812586,[0,0,0]],[1692812587,[0,0,0]],[1692812588,[0,0,0]],[1692812589,[0,0,0]],[1692812590,[0,0,0]],[1692812591,[0,0,0]],[1692812592,[1,0,1]],[1692812593,[0,0,0]],[1692812594,[0,0,0]],[1692812595,[1,0,1]],[1692812596,[0,0,0]],[1692812597,[0,0,0]],[1692812598,[0,0,0]],[1692812599,[0,0,0]],[1692812600,[0,0,0]],[1692812601,[0,0,0]],[1692812602,[0,0,0]],[1692812603,[0,0,0]],[1692812604,[0,0,0]],[1692812605,[0,0,0]],[1692812606,[0,0,0]],[1692812607,[0,0,0]],[1692812608,[0,0,0]],[1692812609,[0,0,0]],[1692812610,[0,0,0]],[1692812611,[0,0,0]],[1692812612,[0,0,0]],[1692812613,[0,0,0]],[1692812614,[0,0,0]],[1692812615,[0,0,0]],[1692812616,[0,0,0]],[1692812617,[0,0,0]],[1692812618,[0,0,0]],[1692812619,[0,0,0]],[1692812620,[0,0,0]],[1692812621,[0,0,0]],[1692812622,[0,0,0]],[1692812623,[0,0,0]],[1692812624,[0,0,0]],[1692812625,[0,0,0]],[1692812626,[1,0,1]],[1692812627,[0,0,0]],[1692812628,[0,0,0]],[1692812629,[0,0,0]],[1692812630,[0,0,0]],[1692812631,[0,0,0]],[1692812632,[0,0,0]],[1692812633,[0,0,0]],[1692812634,[0,0,0]],[1692812635,[0,0,0]],[1692812636,[0,0,0]],[1692812637,[0,0,0]],[1692812638,[0,0,0]],[1692812639,[0,0,0]],[1692812640,[0,0,0]],[1692812641,[0,0,0]],[1692812642,[0,0,0]],[1692812643,[0,0,0]],[1692812644,[0,0,0]],[1692812645,[0,0,0]],[1692812646,[0,0,0]],[1692812647,[0,0,0]],[1692812648,[0,0,0]],[1692812649,[0,0,0]],[1692812650,[0,0,0]],[1692812651,[0,0,0]],[1692812652,[0,0,0]],[1692812653,[0,0,0]],[1692812654,[0,0,0]],[1692812655,[0,0,0]],[1692812656,[0,0,0]],[1692812657,[0,0,0]],[1692812658,[0,0,0]],[1692812659,[0,0,0]],[1692812660,[1,0,1]],[1692812661,[0,0,0]],[1692812662,[1,0,1]],[1692812663,[0,0,0]],[1692812664,[0,0,0]],[1692812665,[0,0,0]],[1692812666,[0,0,0]],[1692812667,[0,0,0]],[1692812668,[0,0,0]],[1692812669,[1,0,1]],[1692812670,[0,0,0]],[1692812671,[0,0,0]],[1692812672,[0,0,0]],[1692812673,[0,0,0]],[1692812674,[0,0,0]],[1692812675,[0,0,0]],[1692812676,[0,0,0]],[1692812677,[0,0,0]],[1692812678,[0,0,0]],[1692812679,[0,0,0]],[1692812680,[0,0,0]],[1692812681,[0,0,0]],[1692812682,[0,0,0]],[1692812683,[0,0,0]],[1692812684,[0,0,0]],[1692812685,[0,0,0]],[1692812686,[0,0,0]],[1692812687,[0,0,0]],[1692812688,[0,0,0]],[1692812689,[0,0,0]],[1692812690,[0,0,0]],[1692812691,[0,0,0]],[1692812692,[0,0,0]],[1692812693,[0,0,0]],[1692812694,[0,0,0]],[1692812695,[0,0,0]],[1692812696,[0,0,0]],[1692812697,[0,0,0]],[1692812698,[0,0,0]],[1692812699,[0,0,0]],[1692812700,[0,0,0]],[1692812701,[0,0,0]],[1692812702,[0,0,0]],[1692812703,[0,0,0]],[1692812704,[0,0,0]],[1692812705,[0,0,0]],[1692812706,[0,0,0]],[1692812707,[0,0,0]],[1692812708,[0,0,0]],[1692812709,[0,0,0]],[1692812710,[0,0,0]],[1692812711,[0,0,0]],[1692812712,[0,0,0]],[1692812713,[0,0,0]],[1692812714,[0,0,0]],[1692812715,[0,0,0]],[1692812716,[0,0,0]],[1692812717,[0,0,0]],[1692812718,[0,0,0]],[1692812719,[0,0,0]],[1692812720,[0,0,0]],[1692812721,[0,0,0]],[1692812722,[0,0,0]],[1692812723,[0,0,0]],[1692812724,[0,0,0]],[1692812725,[0,0,0]],[1692812726,[0,0,0]],[1692812727,[0,0,0]],[1692812728,[0,0,0]],[1692812729,[0,0,0]],[1692812730,[0,0,0]],[1692812731,[0,0,0]],[1692812732,[0,0,0]],[1692812733,[0,0,0]],[1692812734,[0,0,0]],[1692812735,[0,0,0]],[1692812736,[0,0,0]],[1692812737,[0,0,0]],[1692812738,[0,0,0]],[1692812739,[0,0,0]],[1692812740,[0,0,0]],[1692812741,[0,0,0]],[1692812742,[0,0,0]],[1692812743,[0,0,0]],[1692812744,[0,0,0]],[1692812745,[0,0,0]],[1692812746,[0,0,0]],[1692812747,[0,0,0]],[1692812748,[0,0,0]],[1692812749,[0,0,0]],[1692812750,[0,0,0]],[1692812751,[0,0,0]],[1692812752,[0,0,0]],[1692812753,[0,0,0]],[1692812754,[0,0,0]],[1692812755,[0,0,0]],[1692812756,[0,0,0]],[1692812757,[0,0,0]],[1692812758,[0,0,0]],[1692812759,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 2.0, color: '#68b65c'},{name: 'KO', y: 8.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[8,165],[211,179]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[104,1],[227,1],[283,187],[297,0],[352,60000],[420,0],[556,1],[564,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
